<template>
    <div>
        <!-- component -->
        <div
            class="min-h-screen flex flex-col flex-auto flex-shrink-0 antialiased bg-white dark:bg-gray-700 text-black dark:text-white">

            <!-- Header -->
            <Xheader></Xheader>
            <!-- ./Header -->

            <!-- Sidebar -->
            <Xsidebar></Xsidebar>
            <!-- ./Sidebar -->
            <div class="h-full ml-14 mt-14 mb-10 md:ml-64">
                <el-main>
                    <div class="border-b-2 border-blue-800">
                        <hd-history></hd-history>
                    </div>
                    <router-view/>
                </el-main>
            </div>
        </div>

    </div>
</template>

<script>
import Xheader from './components/header.vue'
import Xsidebar from './components/sidebar.vue'

export default {
    route: {meta: {auth: true}},
    components: {Xheader, Xsidebar},
    created() {
        //获取当前用户权限，放到layout的目的是只在layout下调用一次，然后混入到原型里面
        this.$hd.init()
    }
}
</script>

<style scoped>

</style>
